<!DOCTYPE html>
<html lang="en">
<head>
	<title>jQuery UI Resizable Test Suite</title>

	<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
	
	<script type="text/javascript" src="../jquery-1.2.6.js"></script>
	<script type="text/javascript" src="../ui/ui.core.js"></script>
	<script type="text/javascript" src="../ui/ui.resizable.js"></script>
	
	<script type="text/javascript" src="qunit/testrunner.js"></script>
	<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
		
	<script type="text/javascript" src="resizable.js"></script>

	<style type="text/css">
		#main {
			position: absolute !important;
			top: -1000px !important;
			left: -1000px !important;
		}
	</style>

</head>
<body>

<h1 id="header">jQuery UI Resizable Test Suite</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>

<ol id="tests"></ol>

<div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;">
	<div id="resizable1" style="background: green; width: 100px; height: 100px;">I'm a resizable.</div>
	<img src="images/test.jpg" id="resizable2" style="width: 100px; height: 100px;"/>
</div>

</body>
</html>
